{"id":18845,"date":"2020-02-11T11:24:22","date_gmt":"2020-02-11T16:24:22","guid":{"rendered":"https:\/\/www.gravityforms.com\/?page_id=14413"},"modified":"2021-09-27T13:47:22","modified_gmt":"2021-09-27T17:47:22","slug":"how-to-create-a-simple-contact-form-video-tutorial","status":"publish","type":"page","link":"https:\/\/www.gravityforms.com\/how-to-create-a-simple-contact-form-video-tutorial\/","title":{"rendered":"How to Create a Simple Contact Form"},"content":{"rendered":"<p class=\"p-xlg\">Creating a new form in WordPress is easy with Gravity Forms. In this video we\u2019ll show you how to create a simple contact form with just a few easy steps.<\/p>\n<!--VIDEO-->\n\n<span class=\"video-frame-outer\"><div class=\"video-frame\">\n\n<!-- The script tag should live in the head of your page if at all possible -->\n<script type=\"text\/javascript\" async src=\"https:\/\/play.vidyard.com\/embed\/v4.js\"><\/script>\n\n<!-- Put this wherever you would like your player to appear -->\n<img\n  style=\"width: 100%; margin: auto; display: block;\"\n  class=\"vidyard-player-embed\"\n  src=\"https:\/\/play.vidyard.com\/cWayC5fA6r4dgq59FCBnf4.jpg\"\n  data-uuid=\"cWayC5fA6r4dgq59FCBnf4\"\n  data-v=\"4\"\n  data-type=\"inline\"\n\/>\n<\/div><\/span>\n\n\nIf you have any additional questions about creating a form, you can view our documentation <a href=\"https:\/\/docs.gravityforms.com\/category\/user-guides\/getting-started\/creating-a-form\/\" target=\"_blank\" rel=\"noopener noreferrer\">here<\/a>.\n\n<!--Popular Articles-->\t\n<div class=\"ghelp_container ghelp_support_container_full\" style=\"margin:40px 0\">\n        <h2 class=\"ghelp_container_header\">Popular Documentation Articles<\/h2>\n        <div class=\"ghelp_support_content\">\n            <p><strong>CSS Ready Classes<\/strong>\n                <br>Use these classes so you can easily create more advanced alternative layouts for form fields. <br>\n <a href=\"https:\/\/docs.gravityforms.com\/css-ready-classes\/\" target=\"_blank\" rel=\"noopener noreferrer\">Learn More <i class=\"fa fa-caret-right\" aria-hidden=\"true\"><\/i><\/a><\/p>\n\n           \n            <p><strong>Dynamic Population<\/strong>\n                <br>Pass a value via Query Strings, Shortcode and\/or Hooks so can dynamically populate a field on your form! <br>\n<a href=\"https:\/\/docs.gravityforms.com\/using-dynamic-population\/\" target=\"_blank\" rel=\"noopener noreferrer\">Learn More <i class=\"fa fa-caret-right\" aria-hidden=\"true\"><\/i><\/a><\/p>\n\n            <p><strong>Design and Layout.<\/strong>\n                <br>Whether you&#8217;re a beginner or an advanced user, Gravity Forms makes it easy to style your forms as you see fit. <a href=\"https:\/\/docs.gravityforms.com\/category\/user-guides\/design-and-layout\/\" target=\"_blank\" rel=\"noopener noreferrer\">Learn More <i class=\"fa fa-caret-right\" aria-hidden=\"true\"><\/i><\/a><\/p>\n\n            <p><strong>User Guides.<\/strong>\n                <br>An overview of all of our guides, from reviewing your entries to how to use Conditional Logic.<br>\n<a href=\"https:\/\/docs.gravityforms.com\/category\/user-guides\/\" target=\"_blank\" rel=\"noopener noreferrer\">Learn More <i class=\"fa fa-caret-right\" aria-hidden=\"true\"><\/i><\/a><\/p>\n\n        <\/div>\n    <\/div>","protected":false},"excerpt":{"rendered":"Creating a new form in WordPress is easy with Gravity Forms. In this video we\u2019ll show you how to create a simple contact form with just a few easy steps. If you have any additional questions about creating a form, you can view our documentation here. Popular Documentation Articles CSS Ready Classes Use these classes so you can easily create more advanced alternative layouts for form fields. Learn More Dynamic Population Pass a value via Query Strings, Shortcode and\/or Hooks so can dynamically populate a field on your form! Learn More Design and Layout. Whether you&#8217;re a beginner or an advanced user, Gravity Forms makes it easy to style your forms as you see fit. Learn More User Guides. An overview of all of our guides, from reviewing your entries to how to use Conditional Logic. Learn More","protected":false},"author":279897,"featured_media":14414,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v17.2 (Yoast SEO v17.2) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<meta name=\"description\" content=\"Creating a new form in WordPress is easy with Gravity Forms. In this video we\u2019ll show you how to create a simple contact form with just a few simple steps\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.gravityforms.com\/how-to-create-a-simple-contact-form-video-tutorial\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Create a Simple Contact Form\" \/>\n<meta property=\"og:description\" content=\"Creating a new form in WordPress is easy with Gravity Forms. In this video we\u2019ll show you how to create a simple contact form with just a few simple steps\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.gravityforms.com\/how-to-create-a-simple-contact-form-video-tutorial\/\" \/>\n<meta property=\"og:site_name\" content=\"Gravity Forms\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/GravityForms\" \/>\n<meta property=\"article:modified_time\" content=\"2021-09-27T17:47:22+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2020\/02\/Gravity-Forms-Tutorials-How-to-Create-a-Simple-Contact-Form.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1420\" \/>\n\t<meta property=\"og:image:height\" content=\"800\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@GravityForms\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.gravityforms.com\/#organization\",\"name\":\"Gravity Forms\",\"url\":\"https:\/\/www.gravityforms.com\/\",\"sameAs\":[\"https:\/\/www.facebook.com\/GravityForms\",\"https:\/\/www.instagram.com\/gravityforms\/\",\"https:\/\/www.linkedin.com\/company\/gravityforms\/\",\"https:\/\/twitter.com\/GravityForms\"],\"logo\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.gravityforms.com\/#logo\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2021\/09\/gravity-forms-logo-horizontal-744.png\",\"contentUrl\":\"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2021\/09\/gravity-forms-logo-horizontal-744.png\",\"width\":774,\"height\":400,\"caption\":\"Gravity Forms\"},\"image\":{\"@id\":\"https:\/\/www.gravityforms.com\/#logo\"}},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.gravityforms.com\/#website\",\"url\":\"https:\/\/www.gravityforms.com\/\",\"name\":\"Gravity Forms\",\"description\":\"WordPress Contact Forms\",\"publisher\":{\"@id\":\"https:\/\/www.gravityforms.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.gravityforms.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.gravityforms.com\/how-to-create-a-simple-contact-form-video-tutorial\/#primaryimage\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2020\/02\/Gravity-Forms-Tutorials-How-to-Create-a-Simple-Contact-Form.png\",\"contentUrl\":\"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2020\/02\/Gravity-Forms-Tutorials-How-to-Create-a-Simple-Contact-Form.png\",\"width\":1420,\"height\":800,\"caption\":\"Gravity Forms Tutorials: How to Create a Simple Contact Form\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.gravityforms.com\/how-to-create-a-simple-contact-form-video-tutorial\/#webpage\",\"url\":\"https:\/\/www.gravityforms.com\/how-to-create-a-simple-contact-form-video-tutorial\/\",\"name\":\"How to Create a Simple Contact Form - Gravity Forms\",\"isPartOf\":{\"@id\":\"https:\/\/www.gravityforms.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.gravityforms.com\/how-to-create-a-simple-contact-form-video-tutorial\/#primaryimage\"},\"datePublished\":\"2020-02-11T16:24:22+00:00\",\"dateModified\":\"2021-09-27T17:47:22+00:00\",\"description\":\"Creating a new form in WordPress is easy with Gravity Forms. In this video we\\u2019ll show you how to create a simple contact form with just a few simple steps\",\"breadcrumb\":{\"@id\":\"https:\/\/www.gravityforms.com\/how-to-create-a-simple-contact-form-video-tutorial\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.gravityforms.com\/how-to-create-a-simple-contact-form-video-tutorial\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.gravityforms.com\/how-to-create-a-simple-contact-form-video-tutorial\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Gravity Forms\",\"item\":\"https:\/\/www.gravityforms.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Create a Simple Contact Form\"}]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"description":"Creating a new form in WordPress is easy with Gravity Forms. In this video we\u2019ll show you how to create a simple contact form with just a few simple steps","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.gravityforms.com\/how-to-create-a-simple-contact-form-video-tutorial\/","og_locale":"en_US","og_type":"article","og_title":"How to Create a Simple Contact Form","og_description":"Creating a new form in WordPress is easy with Gravity Forms. In this video we\u2019ll show you how to create a simple contact form with just a few simple steps","og_url":"https:\/\/www.gravityforms.com\/how-to-create-a-simple-contact-form-video-tutorial\/","og_site_name":"Gravity Forms","article_publisher":"https:\/\/www.facebook.com\/GravityForms","article_modified_time":"2021-09-27T17:47:22+00:00","og_image":[{"width":1420,"height":800,"url":"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2020\/02\/Gravity-Forms-Tutorials-How-to-Create-a-Simple-Contact-Form.png","path":"\/dom38924\/wp-content\/uploads\/2020\/02\/Gravity-Forms-Tutorials-How-to-Create-a-Simple-Contact-Form.png","size":"full","id":14414,"alt":"Gravity Forms Tutorials: How to Create a Simple Contact Form","pixels":1136000,"type":"image\/png"}],"twitter_card":"summary_large_image","twitter_site":"@GravityForms","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Organization","@id":"https:\/\/www.gravityforms.com\/#organization","name":"Gravity Forms","url":"https:\/\/www.gravityforms.com\/","sameAs":["https:\/\/www.facebook.com\/GravityForms","https:\/\/www.instagram.com\/gravityforms\/","https:\/\/www.linkedin.com\/company\/gravityforms\/","https:\/\/twitter.com\/GravityForms"],"logo":{"@type":"ImageObject","@id":"https:\/\/www.gravityforms.com\/#logo","inLanguage":"en-US","url":"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2021\/09\/gravity-forms-logo-horizontal-744.png","contentUrl":"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2021\/09\/gravity-forms-logo-horizontal-744.png","width":774,"height":400,"caption":"Gravity Forms"},"image":{"@id":"https:\/\/www.gravityforms.com\/#logo"}},{"@type":"WebSite","@id":"https:\/\/www.gravityforms.com\/#website","url":"https:\/\/www.gravityforms.com\/","name":"Gravity Forms","description":"WordPress Contact Forms","publisher":{"@id":"https:\/\/www.gravityforms.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.gravityforms.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"ImageObject","@id":"https:\/\/www.gravityforms.com\/how-to-create-a-simple-contact-form-video-tutorial\/#primaryimage","inLanguage":"en-US","url":"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2020\/02\/Gravity-Forms-Tutorials-How-to-Create-a-Simple-Contact-Form.png","contentUrl":"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2020\/02\/Gravity-Forms-Tutorials-How-to-Create-a-Simple-Contact-Form.png","width":1420,"height":800,"caption":"Gravity Forms Tutorials: How to Create a Simple Contact Form"},{"@type":"WebPage","@id":"https:\/\/www.gravityforms.com\/how-to-create-a-simple-contact-form-video-tutorial\/#webpage","url":"https:\/\/www.gravityforms.com\/how-to-create-a-simple-contact-form-video-tutorial\/","name":"How to Create a Simple Contact Form - Gravity Forms","isPartOf":{"@id":"https:\/\/www.gravityforms.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.gravityforms.com\/how-to-create-a-simple-contact-form-video-tutorial\/#primaryimage"},"datePublished":"2020-02-11T16:24:22+00:00","dateModified":"2021-09-27T17:47:22+00:00","description":"Creating a new form in WordPress is easy with Gravity Forms. In this video we\u2019ll show you how to create a simple contact form with just a few simple steps","breadcrumb":{"@id":"https:\/\/www.gravityforms.com\/how-to-create-a-simple-contact-form-video-tutorial\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.gravityforms.com\/how-to-create-a-simple-contact-form-video-tutorial\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.gravityforms.com\/how-to-create-a-simple-contact-form-video-tutorial\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Gravity Forms","item":"https:\/\/www.gravityforms.com\/"},{"@type":"ListItem","position":2,"name":"How to Create a Simple Contact Form"}]}]}},"_links":{"self":[{"href":"https:\/\/www.gravityforms.com\/wp-json\/wp\/v2\/pages\/18845"}],"collection":[{"href":"https:\/\/www.gravityforms.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.gravityforms.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.gravityforms.com\/wp-json\/wp\/v2\/users\/279897"}],"replies":[{"embeddable":true,"href":"https:\/\/www.gravityforms.com\/wp-json\/wp\/v2\/comments?post=18845"}],"version-history":[{"count":0,"href":"https:\/\/www.gravityforms.com\/wp-json\/wp\/v2\/pages\/18845\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.gravityforms.com\/wp-json\/wp\/v2\/media\/14414"}],"wp:attachment":[{"href":"https:\/\/www.gravityforms.com\/wp-json\/wp\/v2\/media?parent=18845"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}